<template>
  <div>
    <common-head :title="$route.name"/>
    <!-- 空状态 -->
    <div class="empty-box">
      <van-empty
        class="custom-image"
        image="https://img01.yzcdn.cn/vant/custom-empty-image.png"
        description="您访问的页面消失了哟"
      />
    </div>
  </div>
</template>

<script>
import CommonHead from '../../components/CommonHead.vue'
export default {
  components: {
    CommonHead
  }
}
</script>

<style lang="scss" scoped>
.empty-box{
  .van-empty{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
  .custom-image .van-empty__image {
    width: 2.4324rem;
    height: 2.4324rem;
  }
  ::v-deep .van-empty__description{
    padding: 0;
  }
}
</style>
